<template>
    <div
        :style="{
            width: w,
            height: h,
            backgroundColor: bg,
            border: bd ? bd : 'none',
        }"
    ></div>
</template>

<script>
    export default {
        props: {
            // 宽度
            w: {
                type: String,
                default: '100%'
            },

            // 高度
            h: {
                type: String,
                default: '10px'
            },

            // 背景色
            bg: {
                type: String,
                default: '#ffffff'
            },

            // 边框
            bd: {
                type: String,
                default: ''
            },
        }
    }
</script>
